﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <style type="text/css">
        div {
            width: 300px;
            height: 300px;
            border: 1px solid #000;
            background-image: url(houyia.jpg);
            background-repeat: no-repeat;
            background-size: contain;
            padding: 50px;
        }

        #box2 {
            background-origin: content-box;
        }

        #box3 {
            background-origin: border-box;
        }

        #box4 {
            background-origin: padding-box;
        }
    </style>
</head>
<body>
    <div id="box1">

    </div>
    <div id="box2">

    </div>
    <div id="box3">

    </div>
    <div id="box4">

    </div>
</body>
</html>
